<template>
	<view>
		<view class="top_text">请输入您的反馈和建议：</view>
		<view class="base_view">
			<textarea class="input_text" v-model="inputValue" />
			<u-button class="" @click="submit" :disabled="inputValue==''?true:false" shape="square"
				:custom-style="uButCustomStyle">提交</u-button>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				inputValue: '',
				uButCustomStyle: {
					color: "#FFFFFF",
					width: "686rpx",
					height: "80rpx",
					borderRadius: "44rpx",
					backgroundColor: "#00B4C7",
					// marginTop: "16rpx",
					fontSize: "34rpx",
					fontStyle: "normal",
					borderStyle: "hidden !important"
				}
			}
		},
		methods: {
			submit() {
				uni.showToast({
					title: "感谢您的反馈！"
				}, 1500)
				this.inputValue = ''
			}
		}
	}
</script>

<style>
	.input_but {
		color: #FFFFFF;
		width: 686rpx;
		height: 80rpx;
		border-radius: 44rpx;
		background-color: #00B4C7;
		margin-top: 32rpx;
		font-size: 34rpx;
		font-style: normal;
		borderColor: #1AAD19;
		border-style: hidden !important;

	}

	.top_text {
		margin: 16rpx 0rpx 16rpx 32rpx;
		color: #333333;
		font-family: PingFangSC;
		font-size: 30rpx;
		font-weight: 400;
		text-align: left;
	}

	.base_view {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.input_text {
		border-style: hidden;
		border-radius: 16rpx;
		height: 282rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
		background-color: #F8F8F8;
		width: 620rpx;
		padding: 32rpx;
	}

	page {
		background-color: #FFFFFF;
	}
</style>